<template>
  <div class="permission">
    <el-card>
      <div style="align: right">
        <el-button type="primary">添加菜单</el-button>
      </div>
      <el-table :data="list" style="width: 100%">
        <el-table-column prop="" label="菜单名称" />
        <el-table-column prop="" label="菜单名称" />
        <el-table-column prop="" label="菜单名称" />
        <el-table-column prop="" label="菜单名称">
          <template>
            <div>
              <el-button type="text">添加权限点</el-button>
              <el-button type="text">修改</el-button>
              <el-button type="text">删除</el-button>
            </div>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list: [{}]
    }
  }
}
</script>
<style lang="scss" scoped>
.permission {
  padding: 15px;
}
</style>
